Component({
  properties: {
    title: String,
    first: Boolean,
    latest: Boolean
  },
  data: {
    arrow: 'arrow',
    disArrow: 'disArrow'
  },
  methods: {
    onLeft (e) {
      !this.properties.latest && this.triggerEvent('left', {}, {})
    },
    onRight (e) {
      !this.properties.first && this.triggerEvent('right', {}, {})
    }
  },
  externalClasses: ['iconfont', 'iconcaret-left', 'iconcaret-right']
})
